<template>
    <div
        class="BaseBg"
        :style="{
            'background': 'linear-gradient(to ' + data.options.direction + ', ' + data.options.bgColor1 + ', ' + data.options.bgColor2 + ')',
            'opacity': data.options.opacity,
            'border-radius': data.options.borderRadius+'px',
            borderWidth: data.options.borderWidth+'px',
            borderStyle: data.options.borderStyle,
            borderColor: data.options.borderColor,
    }"/>
</template>
<script>
export default {
    name: 'BaseBg',
    props: {
        data: {
            type: Object
        }
    }
}
</script>

